import { createRouter, createWebHashHistory } from 'vue-router'
import Login from '../views/Login.vue'
import Songs from '../views/Songs.vue'
import AddUser from '../views/AddUser.vue'
import PersonalSalary from '@/views/PersonalSalary.vue'
import Home from '../views/Home.vue'
import IndAppliction from '@/views/IndAppliction.vue'
import AttendanceRecords from '@/views/AttendanceRecords.vue'
import AttendanceManage from '@/views/AttendanceManage.vue'

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    {
      path: '/',
      name: 'Login',
      component: Login
    },
    {
      path: '/songs',
      name: 'Songs',
      component: Songs
    },
    {
      path: '/addUser',
      name: 'AddUser',
      component: AddUser
    },
    {
      path: '/personalSalary',
      name: 'PersonalSalary',
      component: PersonalSalary
    },
    {
      path: '/attendanceRecords',
      name: 'AttendanceRecords',
      component: AttendanceRecords
    },
    {
      path: '/home',
      name: 'Home',
      component: Home,
      children:[
        {
          
          path:'personalSalary',
          component:PersonalSalary
        

        },
        {
          path:'indAppliction',
          component:IndAppliction
        },
        {
          path:'attendanceRecords',
          component:AttendanceRecords
        },
        {
          path:'attendanceManage',
          component:AttendanceManage
        },
        
      ]
    },
  ]
})

export default router
